<template>
  <div>
    <div class="Perheader">
      <van-nav-bar title="个人信息"  left-arrow @click-left="leftClick">
        <template #right>
          <img src="../assets/images/首页按钮.png" alt="" @click="$router.push('/home')">
        </template>
      </van-nav-bar>

      <div class="top">
          <van-cell title="姓名" :value="personalArr.name" />
          <van-cell title="联系电话" :value="personalArr.phone" />
      </div>

      <div class="bottom">
          <van-cell title="性别" :value="personalArr.sex" />
          <van-cell title="年薪" :value="personalArr.month_salary" />
          <van-cell title="月薪" :value="personalArr.year_salary" />
          <van-cell title="个人简历" :value="personalArr.remark" />
      </div>
    </div>
  </div>
</template>

<script>
import { perDetail } from "../request/api";
export default {
  data() {
    return {
      personalArr: [],
    };
  },
  created() {
    perDetail().then((res) => {
      console.log(res);
      this.personalArr = res.data;
    });
  },
  methods:{
      leftClick(){
          this.$router.push('/personal')
      }
  }
};
</script>
 
<style lang = "less" scoped>
.Perheader{
   
    /deep/ .van-nav-bar{
        color: #fff;
        background-color: #003399;

        .van-nav-bar__title{
        color: #fff;
        }

        .van-icon::before{
        color: #fff;
        }
        .van-nav-bar__text{
        color: #fff;

        }

        img{
            width: 50%;
            
        }
     .van-nav-bar__right {
         padding: 0;
         
     }

        
    }
    
}
</style>